<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Title</title>
    <link rel="shortcut icon"  th:href="@{/static/favicon.ico}"/>
    <link rel="stylesheet" href="/layui/css/layui.css"  media="all">
    <script type="text/javascript" src="/layui/jquery-3.5.1.min.js"></script>
    <script src="/layui/layui.js" charset="utf-8"></script>
    <script>
        layui.use('table', function(){
            layui.$('#customerFind').click(function () {
                var supplierId =  layui.$("#customerId").val();
                var customerName = layui.$("#customerName").val();
                //var supplierName = layui.$("#name").val();
                parent.layer.open({
                    title:customerName+'详情',
                    type:2,
                    content:'/customerInformation/detailed?customerId='+supplierId,
                    area: ['1200px', '600px'],
                    shade: [0.3, '#393D49'],
                    shadeClose:false,
                    moveOut:true,
                })
                return false;
            });
            layui.$('#addSigningInformation').click(function () {
                var supplierId =  layui.$("#supplierId").val();
                var supplierName = layui.$("#name").val();
                parent.layer.open({
                    title:'添加签约信息',
                    type:2,
                    content:'/customerInformation/addSigningInformation?supplierId='+supplierId+"&supplierName="+supplierName,
                    area: ['1200px', '600px'],
                    shade: [0.3, '#393D49'],
                    shadeClose:false,
                    moveOut:true,
                })
                return false;
            });
                /*var addmember = $("<div class=\"layui-inline\">" +
                    "                 <label class=\"layui-form-label\">随行人员</label>\n" +
                    "                 <div class=\"layui-input-inline\">\n" +
                    "                   <select class=\"accompanying_staff\" lay-verify=\"required\" lay-search=\"\">" +
                    "                   </select>\n" +
                    "                 </div>\n" +
                    "                 <a class=\"layui-btn layui-btn-primary layui-btn-radius layui-btn-xs delmember\" lay-event=\"del\"> X </a>\n" +
                    "              </div>");
                addmember.find("select").html($("#staffoption").html());
                addmember.find("select").attr("name", "travelPeoples["+addMemberNum+"].staff.id");
                $(addmember).insertBefore($("#mybtn"));
                form.render('select');
                addMemberNum++;*/
            })
    </script>
</head>
<body>
<div id="bigdiv" style="margin: auto; width: 1100px">
    <form class="layui-form layui-form-pane" action="">
      <!--  <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px">
            <legend>产品所属公司</legend>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">企业名称</label>
                    <div class="layui-input-inline">
                        <input id="name" type="text" readonly="readonly" th:value="${product.supplier.name}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    &lt;!&ndash;   <label class="layui-form-label">ID</label>&ndash;&gt;
                    <div class="layui-input-inline">
                        <input id="supplierId" type="hidden" readonly="readonly" th:value="${supplier.id}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">简称</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${supplier.abbreviation}" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${supplier.dictionaryA.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">地址</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${supplier.address}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">所有制性质</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${supplier.dictionaryC.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">联系电话</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${supplier.phone}" autocomplete="off" class="layui-input">
                    </div>
                </div>


                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">查看详情</button>
            </div>
        </fieldset>-->


        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px">
            <legend>产品</legend>
            <input id="customerId" type="hidden" th:value="${customerId}">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">所属公司</label>
                    <div class="layui-input-inline">
                        <input id="customerName" type="text" readonly="readonly" th:value="${product.supplier.name}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">品类</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.dictionaryA.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <!-- <label class="layui-form-label">ID</label>-->

                <input id="productId" type="hidden" readonly="readonly" th:value="${product.id}" autocomplete="off" class="layui-input">


                <div class="layui-inline">
                    <label class="layui-form-label">品名</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.dictionaryB.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">牌号/型号/代码</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.model}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">产品来源</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.goodsSource}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">产品流向</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.goodsTo}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">数量</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.number}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">数量单位</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.dictionaryC.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">包装方式</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.dictionaryD.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <!--  <div class="layui-inline">
                      <label class="layui-form-label">相关标准</label>
                      <div class="layui-input-inline">
                          <input type="text" readonly="readonly" th:value="${product.dictionaryE.value}" autocomplete="off" class="layui-input">
                      </div>
                  </div>-->
                <!--<div class="layui-inline">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${product.remarks}" autocomplete="off" class="layui-input">
                    </div>
                </div>-->
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block">
                        <textarea readonly="readonly"  class="layui-textarea" name="desc" th:text="${product.remarks}"></textarea>
                    </div>
                </div>
                <button id="customerFind" type="button" class="layui-btn layui-btn-primary layui-btn-sm">查看详情</button>
                <button id="productIndicators" type="button" class="layui-btn layui-btn-primary layui-btn-sm">产品指标</button>
            </div>
        </fieldset>

  <!--      &lt;!&ndash;业务联系人信息&ndash;&gt;
        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px">
            <legend>业务联系人信息</legend>
        </fieldset>
        <button id="addContacts" class="layui-btn layui-btn-sm">添加业务联系人</button>
        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px" th:each="businessContact:${businessContacts}">
            <legend>联系人</legend>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.name}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">部门</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.department}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">职位</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.post}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">分组</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.group}" autocomplete="off" class="layui-input">
                    </div>
                </div>

                &lt;!&ndash; <label class="layui-form-label">ID</label>&ndash;&gt;

                &lt;!&ndash;<input id="productId" type="hidden" readonly="readonly" th:value="${product.id}" autocomplete="off" class="layui-input">&ndash;&gt;


                <div class="layui-inline">
                    <label class="layui-form-label">负责货物总类</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.dictionaryA.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">负责货物品种</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.dictionaryB.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">产品来源</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.responsibleGoodsSource}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">产品流向</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.responsibleGoodsTo}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">固话</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.fixedLine}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">手机</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.phone}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">传真</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.fax}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">邮编</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.postcode}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">地址</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.address}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">邮箱</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${businessContact.email}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                &lt;!&ndash;  <div class="layui-inline">
                      <label class="layui-form-label">相关标准</label>
                      <div class="layui-input-inline">
                          <input type="text" readonly="readonly" th:value="${product.dictionaryE.value}" autocomplete="off" class="layui-input">
                      </div>
                  </div>&ndash;&gt;
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block">
                        <textarea readonly="readonly"  class="layui-textarea" name="desc" th:text="${businessContact.remarks}"></textarea>
                    </div>
                </div>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">查看详情</button>
                <button id="productIndicators" type="button" class="layui-btn layui-btn-primary layui-btn-sm">负责产品</button>
            </div>
        </fieldset>

        &lt;!&ndash;产品需求&ndash;&gt;
        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px">
            <legend>需求产品信息</legend>
        </fieldset>
        <button id="addDemand" class="layui-btn layui-btn-sm">添加需求产品</button>

        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px" th:each="demand:${demands}">
            <legend>需求产品</legend>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">品类</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.dictionaryA.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                &lt;!&ndash; <input id="demandId" type="hidden" readonly="readonly" th:value="${demand.id}" autocomplete="off" class="layui-input">&ndash;&gt;

                <div class="layui-inline">
                    <label class="layui-form-label">品名</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.dictionaryB.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">牌号/型号/代码</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.model}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">产品来源</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.goodsSource}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">产品流向</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.goodsTo}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">数量</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.number}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">数量单位</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.dictionaryC.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">包装方式</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.dictionaryD.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">相关标准</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${demand.dictionaryE.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block">
                        <textarea readonly="readonly"  class="layui-textarea" name="desc" th:text="${demand.remarks}"></textarea>
                    </div>
                </div>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">查看详情</button>
                <button id="productIndicator" type="button" class="layui-btn layui-btn-primary layui-btn-sm">产品指标</button>
            </div>
        </fieldset>


        &lt;!&ndash;委托代理人&ndash;&gt;
        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px">
            <legend>委托代理人</legend>
        </fieldset>
        <button id="addAgents" class="layui-btn layui-btn-sm">添加代理人</button>

        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px" th:each="agent:${agents}">
            <legend>代理人</legend>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">代理人姓名</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${agent.name}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                &lt;!&ndash;<input id="agentId" type="hidden" readonly="readonly" th:value="${agent.id}" autocomplete="off" class="layui-input">&ndash;&gt;

                <div class="layui-inline">
                    <label class="layui-form-label">部门</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${agent.department}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">职位</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${agent.post}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">委托品类</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${agent.dictionary.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">委托内容</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${agent.content}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">委托额度</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${agent.quota}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">起始日期</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${agent.startDate}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">截至日期</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${agent.terminationTate}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                &lt;!&ndash; <div class="layui-inline">
                     <label class="layui-form-label">备注</label>
                     <div class="layui-input-inline">
                         <input type="text" readonly="readonly" th:value="${agent.remarks}" autocomplete="off" class="layui-input">
                     </div>
                 </div>&ndash;&gt;
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block">
                        <textarea readonly="readonly"  class="layui-textarea" name="desc" th:text="${agent.remarks}"></textarea>
                    </div>
                </div>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">查看详情</button>
                &lt;!&ndash;<button id="productIndicator" type="button" class="layui-btn layui-btn-primary layui-btn-sm">产品指标</button>&ndash;&gt;
            </div>
        </fieldset>


        &lt;!&ndash;供应商账号信息&ndash;&gt;
        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px">
            <legend>企业账号信息</legend>
        </fieldset>
        <button id="addAcount" class="layui-btn layui-btn-sm">添加账号信息</button>
        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px" th:each="account:${accounts}">
            <legend>账号信息</legend>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">账户名称</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${account.name}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                &lt;!&ndash;<input id="agentId" type="hidden" readonly="readonly" th:value="${agent.id}" autocomplete="off" class="layui-input">&ndash;&gt;

                <div class="layui-inline">
                    <label class="layui-form-label">银行类别</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${account.dictionaryA.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">开户行名称</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${account.bankName}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">开户行行号</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${account.bankAccount}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">银行地址</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${account.address}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">收付款方式</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${account.dictionaryB.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">品类</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${account.dictionaryC.value}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">银行账号</label>
                    <div class="layui-input-inline">
                        <input type="text" readonly="readonly" th:value="${account.number}" autocomplete="off" class="layui-input">
                    </div>
                </div>
                &lt;!&ndash; <div class="layui-inline">
                     <label class="layui-form-label">备注</label>
                     <div class="layui-input-inline">
                         <input type="text" readonly="readonly" th:value="${agent.remarks}" autocomplete="off" class="layui-input">
                     </div>
                 </div>&ndash;&gt;
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block">
                        <textarea readonly="readonly"  class="layui-textarea" name="desc" th:text="${account.remarks}"></textarea>
                    </div>
                </div>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">查看详情</button>
                &lt;!&ndash;<button id="productIndicator" type="button" class="layui-btn layui-btn-primary layui-btn-sm">产品指标</button>&ndash;&gt;
            </div>
        </fieldset>

        &lt;!&ndash;企业签约信息&ndash;&gt;
        <fieldset class="layui-elem-field" style="margin-top: 20px; padding-left: 20px">
            <legend>企业签约信息</legend>
        </fieldset>
        <button id="addSigningInformation" class="layui-btn layui-btn-sm">添加签约信息</button>-->
    </form>
</div>
</body>

</html>